<style>
    #custom-select {
        height: 100%;
        border: 1px solid #e5e5e5;
        overflow-y: scroll;
        margin: 0;
        padding-top: 5px;
    }

    #custom-select li {
        list-style: none;
        height: 25px;
        text-indent: 3px;
        line-height: 25px;
        width: 94%;
        margin-left: 5px;
    }

    #custom-select li:hover {
        cursor: pointer;
        background-color: #ccc;
    }

    .suggest {
        position: absolute;
        border: 1px solid #ccc;
        width: 332px;
        max-height: 150px;
        overflow-y: scroll;
        background-color: #fff;
    }

    .suggest ul {
        margin: 0;
        text-indent: 5px;
    }

    .suggest li {
        padding-top: 3px;
        list-style: none;
        cursor: pointer;
    }

    .suggest li:hover {
        background-color: #ccc;
    }
</style>

<h3 class="page-title">机场信息
    <small>Airport Information</small>
</h3>
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="index.html">Home</a>
        <i class="icon-angle-right"></i>
    </li>
    <li><a href="#">首页</a></li>
    <li class="pull-right no-text-shadow">
        {{utc}} UTC
    </li>
</ul>

<div class="portlet box red">
    <div class="portlet-title">
        <div class="caption"><i class="icon-cogs"></i>机场信息查询</div>
        <div class="tools">
            <a href="javascript:;" class="collapse"></a>
            <a href="javascript:;" map class="map"></a>
        </div>
    </div>
    <div class="portlet-body" style="overflow: hidden;">

        <form class="form-horizontal form-border">

            <div class="control-group control-first">
                <label class="control-label">机场三码/四码</label>
                <div class="controls">
                    <input type="text" placeholder="请输入机场代码" class="m-wrap large" ng-model="airportCode">
                    <div class="m-wrap suggest" ng-show="showSuggest">
                        <ul>
                            <li ng-if="noRes">没有找到该机场！</li>
                            <li ng-repeat="s in suggestAirportList" ng-click="select(s)">{{s.ident}}</li>
                        </ul>
                    </div>
                    <span class="help-inline"></span>
                    <button type="button" class="btn red" ng-click="query()">查询</button>
                </div>
            </div>
        </form>

        <div class="form-horizontal form-view">
            <h3>{{currentAirport.ident}}/{{currentAirport.name}}</h3>
            <h4 class="form-section">基本信息</h4>
            <div class="row-fluid">
                <div class="span6 ">

                    <div class="control-group">

                        <label class="control-label">机场三码:</label>

                        <div class="controls">
                            <span class="text bold"></span>
                        </div>

                    </div>

                </div>

                <!--/span-->

                <div class="span6 ">

                    <div class="control-group">

                        <label class="control-label">机场四码:</label>

                        <div class="controls">

                            <span class="text bold">{{currentAirport.ident}}</span>

                        </div>

                    </div>

                </div>

                <!--/span-->

            </div>

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">地区:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.region}}</span>
                        </div>
                    </div>
                </div>

                <!--/span-->

                <div class="span6 ">

                    <div class="control-group">

                        <label class="control-label">国家:</label>

                        <div class="controls">

                            <span class="text bold">{{currentAirport.country}}</span>

                        </div>

                    </div>

                </div>

                <!--/span-->

            </div>

            <!--/row-->

            <div class="row-fluid">

                <div class="span6 ">

                    <div class="control-group">

                        <label class="control-label">机场名称:</label>

                        <div class="controls">

                            <span class="text">{{currentAirport.name}}</span>

                        </div>

                    </div>

                </div>

                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">机场中文简称:</label>
                        <div class="controls">
                            <span class="text bold"></span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>

            <!--/row-->

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">磁差:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.magVar}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">基准点标高（米）:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.altitude}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">磁航向:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.longestRunwayHeading}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">进近点数量:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.numApproach}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">硬跑道个数:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.numRunwayHard}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">软跑道个数:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.numRunwaySoft}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">机场等级:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.rating}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">跑道数量:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.numRunways}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>
            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">机场特性:</label>
                        <div class="controls">
                            <span class="text bold">一般机场</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">供油能力:</label>
                        <div class="controls">
                            <span class="text bold">FP4</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>
            <!--/row-->

            <h4 class="form-section">详细信息</h4>
            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">最长跑道:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.longestRunwayLength}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">最长跑道宽度:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.longestRunwayWidth}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>

            <div class="row-fluid">
                <div class="span6 ">
                    <div class="control-group">
                        <label class="control-label">经度:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.lonx}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
                <div class="span6">
                    <div class="control-group">
                        <label class="control-label">纬度:</label>
                        <div class="controls">
                            <span class="text bold">{{currentAirport.laty}}</span>
                        </div>
                    </div>
                </div>
                <!--/span-->
            </div>
            <!--/row-->

            <h4 class="form-section">机场频率</h4>
            <div>
                <table class="table table-striped table-bordered table-hover table-full-width dataTable">
                    <thead>
                    <tr>
                        <th>分类</th>
                        <th>名称</th>
                        <th>频率</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td rowspan="2">地面</td>
                        <td>{{navcomList.length}}</td>
                        <td>456</td>
                    </tr>
                    <tr>
                        <td>123</td>
                        <td>123</td>
                    </tr>

                   <!-- <tr ng-repeat="navcom in navcomList">
                        <td>{{navcom.type}}</td>
                        <td>{{navcom.name}}</td>
                        <td>{{navcom.frequency}}</td>
                    </tr>-->
                    </tbody>

                </table>

            </div>


            <div class="form-actions">
                <button type="button" class="btn blue"><i class="icon-pencil"></i> 编辑</button>
                <button type="button" class="btn">重置</button>
            </div>

        </div>


    </div>
</div>